body{ margin: 0; padding: 0; background: #fff; font-family: "微软雅黑"; font-size: 12px;}
 body,ul,li,div,span,a,input,button,p,h3,em{ margin: 0; padding: 0;}
ul,li,a{ list-style: none;}
a{text-decoration: none; color: #fff;}
img{ border: none;}

.middle{ width: 1200px; margin: 0 auto;}
.middle2{ width: 100%; margin: 0 auto; background: #f5f5f5;}

#hearder .heard-nav{ width: 100%; height: 38px; line-height: 38px; background: #000;}
#hearder .heard-nav> #nav-x{ width: 1200px; margin: 0 auto; position: relative;}
#hearder .heard-nav> #nav-x>li{ display: inline-block; padding: 0 10px; height: 13px; border-right:1px solid #fff ; line-height: 13px;}
#hearder .heard-nav> #nav-x>li a{ font-size: 13px;}
  #hearder .heard-nav> #nav-x>li a:hover,.heard-nav #nav-x-2:hover,#login a:hover,.shop-news .horn_cont a:hover,#discuss a:hover,#hotn-news a:hover{color:#e2231a;}
.heard-nav #nav-x-2{display: inline-block; position: relative; width: 100px; height:100%; color: #fff; font-size: 13px; padding-left: 10px; cursor: pointer;}
.heard-nav #nav-x-2 #top-red{ display: inline-block; width: 12px; height: 12px; background:url(../images/01.png) no-repeat -211px -25px;}
.heard-nav #nav-x-2 ul{ display:none; width: 156px; background: #fff; border: 1px solid #d3d3d3; position: absolute; top: 38px; left: 0; z-index: 888;}
.heard-nav #nav-x-2 ul li{ padding: 2px 0;}
.heard-nav #nav-x-2 ul a{ display: inline-block; width: 100%; height: 31px; line-height: 31px; color: #000; position: relative; padding-left: 10px;}

.heard-nav #nav-x-2 ul a .wz{ position: absolute;top: 0px; padding-left: 6px;}
.heard-nav #nav-x-2 ul .bg{ display:inline-block; width:31px; height:32px; line-height: 32px; background: url(../images/01.png) no-repeat 0px -270px; color: #222; padding-left: 3px;}
.heard-nav #nav-x-2 ul .bg-2{ background-position: -38px -270px;}
.heard-nav #nav-x-2 ul .bg-3{background-position: -105px -270px;}
.heard-nav #nav-x-2 ul .bg-4{background-position: -138px -270px;}
.heard-nav #nav-x-2 ul .bg-5{background-position: -172px -270px;}
.heard-nav #nav-x-2 ul .bg-6{background-position: -206px -270px;}
.heard-nav #nav-x-2 ul .bg-7{background-position: -242px -270px;}
.heard-nav #nav-x-2 ul .wz{ display:inline-block; height:32px; line-height: 32px; color: #222;}
.heard-nav #nav-x-2 ul .wz:hover,#content-nav-box .nav_namebox a:hover,.shop-nav li .lis-name a:hover{ color:#e2231a;}

#login{ position: absolute; right: 2px;top: 0;}
#login li{display: inline-block;}
#login a{display: inline-block; border-right:1px solid #fff; height: 13px; line-height: 13px; color: #fff; font-size: 13px; padding: 0 10px;}
#login #border-no{ border: none;}

.heard-logo{ width: 1200px; height: 101px; margin: 0 auto; position: relative;}
.heard-logo .Shut{ position: absolute; top: 2px; right: 5px; color: #000;}


#banner{ width: 100%; height: 54px; padding-top: 25px;}
#banner .banner-left #indenta{display: inline-block; color: #000; text-indent: -9999px; float: left;}
#banner .banner-left #indenta #text-bg{ width: 189px; height: 37px; background: url(../images/01.png) -4px -363px no-repeat;}
#banner .banner-right{ float: right; height: 37px;line-height:37px ; margin-top: 16px;}
#banner .banner-right button{ display: inline-block; height: 37px; width: 62px; background:url(../images/search.gif); border: none;}

#banner .banner-right input{ display: inline-block; height: 33px; width: 550px; margin-right: -5px;}



#content-nav-box>ul{width: 820px; height: 59px; margin: 0 auto; }
#content-nav-box .nav_namebox{ float: left; padding-right: 54px; line-height: 56px; position: relative;}
#content-nav-box .nav_namebox a{ display: inline-block;color: #000;font-size: 17px;}
.posi{position: relative; margin-right: 15px;}
.posi #nav-box{display: none; width: 170px; height:200px; text-align: center; position: absolute;top:57px; left:-60px;border: 1px solid #CCCCCC; z-index: 666; background: #fff;}
.posi #nav-box a{font-size: 13px; margin:0;}
.posi #nav-box p{ height:25px; padding: 3px 0;}
.nav_namebox .hot{ display: block; width: 32px; height: 21px; background: url(../images/01.png) no-repeat -268px -3px; position: absolute;top: 7px; right:24px;}


.clear_rx{ width: 100%; height: 365px;}
.shop-nav{position: relative; width: 190px; height: 364px; float: left; z-index: 66;}
.shop-nav>ul>li:hover{ width: 191px;}

.shop-nav li .lis-name>a{ display: block; height: 10.56px; border:1px solid #e6e6e6; line-height: 10.56px; font-size: 17px; padding: 14px 15px 15px 20px; color: #000; z-index: 67;}
.nav-bg{ background: url(../images/01.png) no-repeat -84px -36px; display: inline-block; width: 6px; height: 9px; float: right; margin-top: 5px;}
.shop-nav li .b-t-n>a{ border-top: 0;}
.lis-name .lis-content{ display:none; width: 934px; height: 313px;padding: 0 22px 20px 52px; background:#f7f7f7;position: absolute; top:0px; left: 190px; z-index: 333; border: 1px solid #e6e6e6; border-left: none;}
.lis-name .lis-content .lis-left{width: 585px; float: left;}
.lis-name .lis-content a{ color: #000;font-size: 12px;border-left: 1px solid #e5e5e5;padding-left: 12px;padding-right: 12px;}
.lis-name .lis-content{ padding-top: 30px;}
.lis-name .lis-content ul{    margin-left: 55px;height: 21px;  padding-bottom: 5px;padding-top: 2px;margin-bottom: 13px; border-bottom: 1px solid #E5E5E5;}
.lis-name .lis-content .hex2{ height: 42px;}
    .lis-name .lis-content p a{ border: 0; font-size: 13px;}
.lis-name .lis-content li{ float: left; height: 20px; line-height: 20px;}

.lis-name .lis-content .lis-right{ width: 252px; float: right; margin-top: -10px;}




.shop-logo{ float: left; width: 770px; height: 100%; margin-left: 10px;}



#banner-s{ width: 100%; height: 365px; position: relative;}
#banner-s img{ width: 100%;}
#banner-s ul{ margin: 0; padding: 0; list-style: none;}
#slides-box{width: 100%; height:365px; position: relative; z-index: 1;}
#slides-box .slidesjs-container{z-index:2; }
#slides-box .slidesjs-control{z-index:3; }
#slides-box .slidesjs-pagination{ position: absolute; z-index:5; bottom: 20px; right:50%;}
#slides-box .slidesjs-pagination li{ display: inline-block;  margin: 5px;  height: 10px; width: 10px; }
#slides-box .slidesjs-pagination li a{display: block; height: 10px; font-size: 0; background: #000; border-radius: 5px;}
#slides-box .slidesjs-pagination li a.active{background-color: #7C7C7C;}/*当前显示的点*/

.slidesjs-previous{display:inline-block; width: 41px; height: 69px; background:#000; opacity: .3;  z-index: 333; position: absolute; top:140px; left: 3px; background: url(../images/03.png)no-repeat -88px -192px;}
.slidesjs-next{display:inline-block; width: 41px; height: 69px; background: #000; opacity: .3;  z-index: 333;position: absolute; top:140px; right: 3px;background: url(../images/03.png)no-repeat -130px -192px;}


.shop-news{ float: right; width: 220px;height: 100%; border: 1px solid #E5E5E5;}
.shop-news .horn_cont{ width:200px; height: 61px; padding: 3px 10px 2px 10px; border-bottom:1px solid #E5E5E5; position: relative;}
.shop-news .horn_cont #hotn-right{position: absolute; top: 10px; width: 16px; height: 13px; background: url(../images/01.png) no-repeat -299px -320px;}
.shop-news .horn_cont a{ display: inherit; width:200px; color: #000; line-height: 20px; text-indent: 20px; margin-top: 3px;}
#discuss{ width: 220px; height: 37px; line-height:37px;  color: #000; border-bottom: 1px dashed #E5E5E5;font-size: 14px; position: relative;}
#discuss a{ color: #000; font-size: 12px; position: absolute; right: 3px; top:0;}
#hotn-news{ width: 100%; margin-top: 12px;}
#hotn-news a{ display: block; height: 34px; line-height: 34px; color: #000;}
#hotn-news li{overflow: hidden;}


#nav-shop-h160{ width: 100%; height: 160px; background: pink; margin:10px 0 30px 0;}
#nav-shop-h160 .left{ width: 192px; float: left;}
#nav-shop-h160 .left img{ border: 0; width: 192px; height: 160px;}


#nav-shop-h160 .right{ width: 1008px; float: right;}
#nav-shop-h160 .right li{float: left; width: 252px;}
#nav-shop-h160 .right li img{ border: 0;}

.star-box{ width: 100%; height: 376px;}

.star-box h3 span{height: 42px; line-height: 42px; font-size:20px; font-weight: normal; display: block;}
.star-box ul{ height: 299px; border: 1px solid #E5E5E5; border-top: 0; overflow: hidden;}
.star-box ul li{ float: left; width: 198px; height: 297px; text-align: center;}
.star-box ul li img{margin: 15px 0 28px 0; width: 180px; height: 180px; border: none;}

.star-box ul li p{ width: 197px; height: 20px; line-height: 20px; overflow: hidden; padding: 0 10px;}
.star-box ul li{ border-right: 1px solid #E5E5E5;border-top: 1px solid #E5E5E5;}
.star-box ul .color-no{ border-right: 0;}
.star-box ul li a{ color: #000;}
.star-box ul li .c{ color: #6f7170;}
.star-box ul li .c-red{ color: #ff4121;}

.shop-h-583{ width: 100%; height: 583px; z-index: 70; margin-bottom: 30px; position: relative;}
.shop-h-583 .title-top{ width: 100%; height: 48px; line-height: 48px; color: #000;}
.shop-h-583 .title-top h3{ display: inline-block; position: absolute;left: 0; top: 0; font-weight: normal; font-size: 20px;}
.shop-h-583 .title-top .right{position: absolute; right: 0; top: 0; width: 800px; text-align: right; padding-top: 8px;}
.shop-h-583 .title-top .right a{color:#6f7170; margin-right: 12px;}
.shop-h-583 .title-top .right .more{ display:inline-block; width: 24px; height: 16px;line-height: 16px; padding-right: 20px; background: url(../images/01.png) no-repeat -12px -433px; overflow: hidden;}

.product-button{ position: relative; width: 1200px;}
.product-button .left{ width: 240px; height: 535px; position: absolute;top: 0px; left: 0px;}
.product-button .left img{width: 240px; height: 535px; border: 0;}
.product-button .right{ width: 960px; height: 535px;overflow: hidden; position: absolute; top: 0px; right: 0px;}

.product-button .right>ul{ border-top: 1px solid #E5E5E5; width: 960px;}
.product-button .right>ul li{ width: 239px; height: 266px; float: left; border-right: 1px solid #E5E5E5; border-bottom: 1px solid #E5E5E5; background: #fff; text-align: center; position: relative;}
.product-button .right>ul li a{ display: block;}
.product-button .right>ul li .pa-12{ padding: 12px 0;}
.product-button .right>ul li .bg{ display: block; width: 54px; height: 54px; position:absolute; top: 0; right: 0; background: url(../images/01.png) no-repeat 0 -700px;}
.product-button .right>ul li .bg2{ background: url(../images/01.png) no-repeat 0 -760px;}

.seven_main { width:1200px; height:258px; padding-left: 6px;}
.seven_main h3{ height: 42px; line-height: 42px; font-size: 20px; font-weight: normal;}
.seven_main li:hover{box-shadow:0 0 15px #000;}
.seven_main li{ width: 190px; height: 212px; margin-right: 10px; float: left; position: relative;}
.seven_main li a img{ border: 0; vertical-align: top;}
.seven_main li .color-cc{ width:190px; height: 40px;background: #FF9C35; position: absolute; left: 0; bottom: 0; opacity: .4;}
.seven_main li .color-ccc{background:#1A418B;}
.seven_main li .content{ width: 170px; height: 40px; position: absolute; left: 0; bottom: 0; margin-left: 10px;}
.seven_main li .content span{ font-size: 15px; padding-top: 15px; color: #fff; float: right;}
.seven_main li .content .bg{ display: inline-block; width: 44px; height: 22px; background: url(../images/01.png) no-repeat -170px -64px; float: left;}
.nu-w{ width: 1200px; height: 83px; margin: 0 auto;}

.nu-w-ns{ width: 100%; height:140px; overflow: hidden; background: #fff;}
.nu-w-ns .nu-w-content{ width: 1200px; height: 130px; padding-top: 10px; margin: 0 auto;}
.nu-w-ns .nu-w-content ul{ height: 140px; float: left; padding-right: 148px;}
.nu-w-ns .nu-w-content ul .cl a{display: block; line-height: 30px; color:#000;font-size: 14px; }
.nu-w-ns .nu-w-content ul li a{ display: block; font-size: 12px; line-height: 22px; color: #555;}
.nu-w-ns .nu-w-content ul li a:hover{ color: #000;}
#footer{ width: 100%; height: 85px; background: #f5f5f5; padding-top: 10px;}
#footer .foot-ins{ width: 880px; height: 13px; line-height: 13px; margin: 0 auto; font-size: 12px; color: #6f7170; margin-bottom: 20px;}
#footer .foot-ins a,#footer .foot-ins2 a{ color: #6f7170;}
#footer .foot-ins a span{display: inline-block; width: 10px; height: 13px; margin: 5px; position: relative; top: 7px; background: url(../images/01.png) no-repeat -234px -3px;}
#footer .foot-ins a .posi{ background-position: -248px -3px;}
#footer .foot-ins span{ font-size: 12px; margin:0 8px;}
#footer .foot-ins2{ width: 850px; height: 20px; line-height: 20px; margin: 0 auto;}
#footer .foot-ins2 span{ display: inline-block; width: 10px; height: 13px; margin:0 5px;}
#footer a:hover{ color:#555 ;}

/**************==end==*******************************/

.l-nav-2{ width:1200px; height: 40px; line-height: 40px; background: #6f7170; margin: 1px auto 0; color: #fff;}
.l-nav-2 h3{ font-weight: normal; font-size: 12px; padding-left: 13px;}
.nav-box .xy{ width: 1200px; margin: 0 auto;}
.nav-box .xy li{ width: 150px; height: 526px; float: left;}
.nav-box .x{ background:url('../images/nav-bg-1.gif');}
.nav-box .y{ background: url("../images/nav-bg-2.gif");}
.nav-box .xy li h3{ height: 28px; line-height: 32px; font-size: 13px; color: #191919; text-align: center;font-family: 微软雅黑;}
.nav-box .xy li .img-cent{ display: block; width: 126px; height: 110px; margin: 0 auto; overflow: hidden; text-align: center; margin-top: 3px;}
.nav-box .xy .a-left{ width: 110px; margin: 0 auto;}
.nav-box .xy .left span{display: block; height: 20px; line-height: 20px;}
.nav-box .xy .left a{ font-size: 12px; color: #000;}
.nav-box .xy .left a:hover,.book>ul li .news a:hover{ color: blue;}
.nav-box .b-1{ width: 80%; border-bottom: 1px solid #ccc; margin: 7px auto;}

.m{ width: 100%; height: 83px; background: #f5f5f5; clear: both; padding: 30px 0;}
.m>div{ width: 1200px; height: 83px; margin: 0 auto;}

.book ul{ width: 1200px; margin: 0 auto;}
.book>ul li{ width:200px; height: 526px; float: left; }
.book>ul .singer{ background: url("../images/nav-bg-1.gif");}
.book>ul .double{ background: url("../images/nav-bg-2.gif");}
.book>ul li h3{ height: 28px; line-height: 32px; display: block; color: #191919;font-weight: bold; font-size: 13px; text-align: center;}
.book>ul li em{ list-style: none; display: block; width: 100%; text-align: center;}
.book>ul li .news{ width: 120px; margin: 0 auto; position: relative;}
.book>ul li .news a{ color: #000;}
.book>ul li .news .right{ width: 48px;height: 100px;position: absolute; text-align: right; right: 0px; top: 12px;}
.book>ul li .news .color{color: #8f8f8f;}

.book>ul li .news .left span{display: block; height: 20px; line-height: 20px;}
.book>ul li .b-1{ width: 80%; border-bottom: 1px solid #dfdfdf; margin: 7px auto;}


.book ul{ width: 1200px; margin: 0 auto; }
.book .w240-1{ background:url("../images/nav-bg-1.gif"); width: 240px;}
.book .w240-2{ background:url("../images/nav-bg-2.gif"); width: 240px;}
.book li .pa-40{ display:block; width: 100%; padding-left: 40px;}
.book li .pa-40 span a{ display: block; height: 20px; line-height: 20px; color: #000;}
.book li .pa-40 span a:hover,.book .ma-b-15 a:hover{ color: blue}

.book .ma-b-15{ width: 70%; margin: 0 auto;}
.book .ma-b-15 a{ display: block; color: #000; width: 100%; height: 20px; margin-bottom: 15px;}
.book .ma-b-15 a img{ vertical-align: middle;}
.book .ma-b-15 .more h3 a{display: block; text-align: left; padding-left: 18px; color: #7C7C7C;}
.book .ma-b-15 .more h3 a:hover{color: blue;}

/*          end        */


#logo-jpg{ display: inline-block; width: 330px; height: 173px; text-indent: -999px; background: url("../images/logo.jpg") no-repeat; float: left;}
.clearfix .red-l{display: inline-block; width: 404px; height: 42px; line-height: 21px; color: #C6A7A5; border-left: 1px solid red; padding-left: 20px; margin-top: 23px; float: left;}
.clearfix .red-l #button{ width: 58px; height: 19px; line-height: 19px; display: inline-block; background: #C6A7A5; border-radius: 5px; text-align: center; cursor: pointer; color: #fff;}
.login-w1200{ width: 1200px; margin: 0 auto;}


